// 多语言环境支持
// 导入 Vue
import Vue from 'vue'
// 导入 vue-i18n 插件
import VueI18n from 'vue-i18n'

import ELEMENT from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'

import zhObj from './zh'
import enObj from './en'

// 调用
Vue.use(VueI18n)

// 准备翻译的语言环境信息
const messages = {
  en: {
    ...enLocale, // 语言包: 就是配置好的同名key的一些不同语言的值, 为何写在外面, 因为elementUI组件, 源码里$t('el.取值key名路径'), 保证el在一级
    ...enObj
  },
  ja: {
    message: {
      hello: 'こんにちは、世界'
    }
  },
  zh: {
    ...zhLocale,
    ...zhObj
  }
}

// 通过选项创建 VueI18n 实例
const i18n = new VueI18n({
  locale: 'zh', // 设置地区
  messages // 设置地区信息
})

// 全局注册所有的ElementUI组件
Vue.use(ELEMENT, {
  i18n: (key, value) => i18n.t(key, value)
})

export default i18n
